import React, { useState } from "react";
import { Ellipsis } from "antd-mobile";

const content = `图表中空间有限，文本内容无法完全显示图表中空间有限，
文本内容无法完全显示图表中空间有限，文本内容无法完全显示图表中空间有限，
文本内容无法完全显示图表中空间有限，文本内容无法完全显示图表中空间有限，
文本内容无法完全显示图表中空间有限，文本内容无法完全显示图表中空间有限，
文本内容无法完全显示`;

export default function App() {
  const [state, setState] = useState(false);
  return (
    <div className="App">
      <Ellipsis
        content={content}
        style={{ display: state ? "block" : "none" }}
      />
      <button onClick={() => setState(true)}>点击</button>
    </div>
  );
}